/***variables***/
@bg: #474949;
@linkTransition: all .2s linear;
/*media*/
@minTabletPDisplay: 980px;
@minPhoneLDisplay: 768px;
@minPhonePDisplay: 481px;
/**/
.float-left{float:left !important;}
.float-right{float:right !important;}
.bold{font-weight: bold;}
.block{display: block;}
.p100{width: 100%;}
.inline-block{display: inline-block;}
.linkTransition{
    -webkit-transition: @linkTransition;
    -moz-transition: @linkTransition;
    transition: @linkTransition;}

body {
    textarea{.p100;}

    @media (min-width: @minTabletPDisplay) and (min-width: @minPhoneLDisplay){
        padding-top: 50px;
    }
    /**header**/
    header{
        > .navbar .brand {
            .float-right;
            .bold;
            .linkTransition;
            margin-left: 20px;
            text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);

            @media (max-width: @minTabletPDisplay){
                .float-left;
                margin-left: 0;
                padding-left: 10px;
                padding-right: 10px;
            }
        }
    }
}

footer {
     text-align: center;
     margin: 10px 0;
}

